<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .a {
            width: 100%;
            height: 40px;
            padding-left: 8%;
        }
        .img1 {
            margin-left: 140px;
        }
        .img2 {
            margin-left: 650px;
        }
        .b {
            list-style: none;
            width: 1080px;
            margin:auto;
            background-image: url(../images/nav_bg.png);
            height: 40px;
            border-width: 1px;
            margin-left: 260px;
            border-style: solid;
            border-image: url(../images/nav_border.png); 
        }
        .b li{
            float: left;
            line-height: 40px;
            width:80px ;
            text-align: center;
            border-right:1px solid #dfdfdf;
            font-weight: bold;
            font-size: 14px;
        }
        .img3 {
            display: inline-block;
            margin-left: 280px;
        }
        .c {
            width: 100%;
            height: 30px;
            background-color: #fbfbfb;
            border: 1px solid #c3bfbf;
            margin: 0 auto;
        }
        .s1 {
            line-height: 30px;
            font-weight: 700;
            font-size: 18px;
            margin-left: 280px;
        }
        .fk1 {
            width: 260px;
            height: 200px;
            border: 1px solid #bab8b8;
            margin-left: 280px;
            margin-top: 20px;
            float: left;
        }
        .img4 {
            margin-left: 10px;
            margin-top: 10px;
        }
        .s2 {
            color: #85c32f;
            font-size: 15px;
            font-weight: 700;
            margin-top: 10px;
        }
        .img5 {
            margin-left: 10px;
            margin-bottom: 50px;
        }
        .img6 {
            margin-left: 40px;
        }
        .img7 {
            margin-left: 40px;
            margin-bottom: 50px;
        }
        .fk2 {
            width: 400px;
            height: 200px;
            border: 1px solid #bab8b8;
            margin-left: 10px;
            margin-top: 20px;
            float: left;
        }
        .zjd {
            margin-top: 10px;
        }
        .img8 {
            margin-left: 10px;
        }
        .s3 {
            color: #85c32f;
            font-size: 15px;
            font-weight: 700;
        }
        .s4 {
            color: #795d67;
            font-size: 15px;
            font-weight: 700;
            margin-left: 250px;
        }
        .u1 {
            list-style: none;
        }
        .l1 {
            border-bottom: 1px dashed rgba(139, 138, 138, 0.3);
            height: 25px;
            line-height: 30px;
            color: gray;
            margin-left: 13px;
            margin-right: 13px;
        }
        .l2{
            color: red;
            font-size: 16px;
            font-weight: 700;
        }
        .fk3 {
            width: 300px;
            height: 200px;
            border: 1px solid #bab8b8;
            margin-left: 965px;
            margin-bottom: 50px;
            margin-top: 20px;
        }
        .u2 {
            list-style-image: url(../images/sbg.png);
            margin-left: 27px;
            padding: 10px;
        }
        .l3{
           color: gray;
           margin-top: 2px;
        }
        .p1{
            color: gray;
            /* margin: auto;
            width: 160px; */
            margin-top: 5px;
            margin-left: 20px;
           
        }
        .s5 {
            color: #85c32f;
            font-size: 15px;
            font-weight: 700;
            margin-top: 10px;
        }
        .img0 {
            margin-left: 300px;
        }
        .db {
            width: 1200px;
            background-color: #2d2d2d;
            margin-left: 180px;
        }
        ul {
            list-style: none;
        }
        .l4 {
            float: left;
            margin-bottom: 2px;
            font-size: 12px;
            margin: 10px 15px;
            color: rgba(255, 255, 255, 0.6);
        }
        .u3 {
            width: 700px;
            height:120px ;
            margin: auto;
        }
        .l5 {
            font-size: 9px;
            color:  rgba(255, 255, 255, 0.3);
            padding: 2px;
            margin-top: 2px;
        }
        .img10 {
            position: relative;
            bottom: 120px;
            margin-left: 200px;
        }
        hr {
            border: 1px dashed rgba(255, 255, 255, 0.2);
        }
        .p2 {
            width: 600px;
            margin: 20px auto;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            height: 10px;
        }
        .img11 {
            margin-left: 560px;
        }
    </style>
</head>
<body>
    <div class="a">
        <img src="../images/logo.png" class="img1">
        <img src="../images/search.png" class="img2">
    </div>
    <ul class="b">
        <li>首 页</li>
        <li>智能手机</li>
        <li>平板电脑</li>
        <li>配件</li>
        <li>服务支持</li>
        <li>关于尚合</li>
    </ul>
    <img src="../images/banner.png" class="img3">
    <div class="c">
        <span class="s1">最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</span>
        <img src="../images/share.png" class="img0">
    </div>
    <div class="fk1">
        <img src="../images/jiantou.png" class="img4">
        <span class="s2">新品发布</span><br>
        <img src="../images/left_icon.png" class="img5">
        <img src="../images/shouji.png" class="img6">
        <img src="../images/right_icon.png" class="img7">
    </div>
    <div class="fk2">
        <div class="zjd">
            <img src="../images/jiantou.png" class="img8">
            <span class="s3">新闻中心</span>
            <span class="s4">更多</span><br>
        </div>
        <ul class="u1">
            <li class="l1 l2">致歉公告</li>
            <li class="l1">首批尚合Aonet已全部售馨!</li>
            <li class="l1">【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
            <li class="l1">我司产品已经通过了国家强制性产品3C认证</li>
            <li class="l1">尚合Aone智能手机入网证已经获工信部门审批下发.</li>
            <li class="l1">我司通过ISO9001:2008国际质量管理体系认证.</li>
        </ul>
    </div>
    <div class="fk3">
        <div class="zhd"> 
            <img src="../images/jiantou.png" class="img4">
            <span class="s5">技术与支持</span>
        </div>
        <ul class="u2">
            <li class="l3">售后服务</li>
            <li class="l3">投诉与建议</li>
            <li class="l3">联保网点</li>
            <li class="l3">常见问题FAQ？</li>
        </ul>
        <p class="p1">深圳市汇聚众合科技发展有限公司</p>
        <p class="p1">服务热线：400-633-7922</p>
    </div>
    <div class="db">
        <ul class="u3">
            <li class="l4">
                <ul >
                    <li>尚合首页</li>
                    <li class="l5">返回首页</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>智能手机</li>
                    <li class="l5">Aone-T</li>
                    <li class="l5">Aone</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li> 平板电脑</li>
                    <li class="l5">尚PAD S200</li>
                    <li class="l5">尚PAD S100</li>
                    <li class="l5">尚PAD SH-Q7</li>
                    <li class="l5">尚PAD SH-Q5</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>配件中心</li>
                    <li class="l5">Aone智能手机</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>服务与支持</li>
                    <li class="l5">售后服务</li>
                    <li class="l5">投诉与建议</li>
                    <li class="l5">联保网点</li>
                    <li class="l5">常见问题FAQ</li>
                    <li class="l5">订单查询</li>
                    <li class="l5">下载专区</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>关于我们</li>
                    <li class="l5">公司介绍</li>
                    <li class="l5">企业文化</li>
                    <li class="l5">工作机会</li>
                    <li class="l5">法律声明</li>
                    <li class="l5">联系我们</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>新闻中心</li>
                    <li class="l5">公司新闻</li>
                    <li class="l5">媒体报导</li>
                    <li class="l5">行业动态</li>
                </ul>
            </li>
            <li class="l4">
                <ul>
                    <li>常用链接</li>
                    <li class="l5">百度</li>
                    <li class="l5">Google</li>
                    <li class="l5">新浪微博</li>
                </ul>
            </li>
        </ul>
        <img class="img10" src="../images/top.png" />
        <hr />
        <p class="p2">2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
        <p class="p2">经营许可证编号：粤ICP备11077821号-1</p>
        <img src="../images/bottom_logo.png" class="img11">
    </div>
</body>
</html>